<template>
    <div class="home">
        <!-- <el-button type="primary" @click="jump">跳转</el-button> -->
        <el-upload
            ref="input"
            action="/"
            :show-file-list="false"
            :auto-upload="false"
            :on-change="importExcel"
            type="file"
        >
            <el-button type="primary">上传</el-button>
        </el-upload>
    </div>
</template>

<script>
import Worker from '@/utils/excel.worker.js'
// import XLSX from 'xlsx'

export default {
    name: 'Home',
    data() {
        return {
            home: '123',
            last: '',
            wb: {},
            excelData: []
        }
    },
    mounted() { },
    methods: {
        importExcel(file) {
            if (!/\.(xlsx|xls|csv)$/.test(file.name)) {
                alert("格式错误！请重新选择");
                return;
            }
            const worker = new Worker()

            worker.postMessage({
                excelFileData: file,
                config: { header: 1 }
            })

            worker.onmessage = (event) => {
                const { message, data } = event.data
                if (message === 'success') {
                    // data是个二维数组 表头在上边
                    console.log(data)
                    worker.terminate() // 关闭线程
                }
            }


            // this.file2Xce(file).then(tabJson => {
            //     // 这里拿到excel的数据
            //     console.log(tabJson)
            // });
        },
        // file2Xce(file) {
        //     // 不适用 Promise 也可以 只是把读文件做成异步更合理
        //     return new Promise(function (resolve, reject) {
        //         const reader = new FileReader();
        //         reader.onload = function (e) {
        //             // 拿到file数据
        //             const result = e.target.result;
        //             const excelData = XLSX.read(result, { type: 'binary' })
        //             // 注意要加 { header: 1 }, 此配置项 可生成二维数组
        //             const data = XLSX.utils.sheet_to_json(excelData.Sheets[excelData.SheetNames[0]], { header: 1 }) //! 读取去除工作簿中的数据
        //             resolve(data);
        //         };
        //         // 调用方法  读取二进制字符串
        //         reader.readAsBinaryString(file.raw);
        //     });
        // },
        jump() {
            this.$router.push('/about')
        }
    }
}
</script>
